.main{
    display:flex;
    flex-wrap:nowrap;
    min-height: 550px;
    max-height:800px;
    overflow-x:auto;
    overflow-y:hidden
}
.b-example-divider{
    flex-shrink:0;
    width:1.5rem;
    min-height: 550px;
    max-height:800px;
    background-color:rgba(0,0,0,.1);
    border:solid rgba(0,0,0,.15);
    border-width:1px 0;
    box-shadow:inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)
}
.bi{
    vertical-align:-.125em;
    pointer-events:none;
    fill:currentColor
}
.dropdown-toggle{
    outline:0
}
.nav-flush .nav-link{
    border-radius:0
}
.btn-toggle{
    display:inline-flex;
    align-items:center;
    padding:.25rem .5rem;
    font-weight:600;
    color:rgba(0,0,0,.65);
    background-color:transparent;
    border:0
}
.btn-toggle:hover,.btn-toggle:focus{
    color:rgba(0,0,0,.85);
    background-color:#d2f4ea
}
.btn-toggle::before{
    width:1.25em;
    line-height:0;
    content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition:transform .35s ease;
    transform-origin:.5em 50%
}
.btn-toggle[aria-expanded="true"]{
    color:rgba(0,0,0,.85)
}
.btn-toggle[aria-expanded="true"]::before{
    transform:rotate(90deg)
}
.btn-toggle-nav a{
    display:inline-flex;
    padding:.1875rem .5rem;
    margin-top:.125rem;
    margin-left:1.25rem;
    text-decoration:none;
    color: black;
}
.btn-toggle-nav a:hover,.btn-toggle-nav a:focus{
    background-color:#d2f4ea
}

.mydiv{
    border: 1px solid red;
}
.mybar{
    background-color: #71246B;
    height: 80px;
}
.myword{
    color: white;
    font-weight: bold;
    font-size: 24px;
}
.mycolor{
    background-color: #71246B;
}
.myspan{
    color: white;
}
.login_body{
    margin: 200px auto;
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}
.div_1{
    width: 500px;
    height: 400px;
    border: 1px solid #742669;
    margin: 0 auto;
}
.div_2{
    background-color: #742669;
    height: 120px;
}
.div_3{
    margin-top: 20px;
    text-align: center;
    color: white;
    font-family: '华文行楷';
    font-size: 28px;
}
.span_1{
    margin-left: 50px;
}
.a_1{
    margin-left: 250px;
}
.input_1{
    width: 400px;
    margin-left: 50px;
    margin-top: 30px;
}
.btn_1{
    color: white;
    background-color: #742669;
    margin-left: 200px;
    margin-top: 10px;
    width: 80px;
}
.login_fail{
    color: red;
    margin-left: 50px;
}
.footer{
    background: #e7e8e9;
    padding-top:10px;
    text-align: center;
}